<template>
    <div class="header" >
          城市选择
        <router-link to="/">
        <div class="iconfont city-icon" >&#xe624;</div>
        </router-link>
    </div>
</template>
<script>
export default {
    name:"CityHeader",
}
</script>
<style lang="stylus" scoped>
 @import '~styles/variable.styles'
 .header
   overflow : hidden;
   height:40px;
   line-height:40px;
   text-align:center;
   color:#fff;
   background:$bgcolor;
   font-size:20px;
  .city-icon
    position:absolute;
    top:0;
    font-size:20px;
    color:#fff
</style>


